<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link href="framework/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="css/businessInfo.css" rel="stylesheet">
    <script src="js/businessInfo.js"></script>
    <title>饿了么 商家信息</title>
</head>
<body>
    <div class="wrapper">
                <!-- header部分 -->
                <header>
                    <p>商家信息</p>
                </header>
                
                <!-- 商家logo部分 -->
                <div class="business-logo">
                    <img src="img/sj01.png">
                </div>
                
                <!-- 商家信息部分 -->
                <div class="business-info">
                    <h1>商家名称</h1>
                    <p>起送费和配送费</p>
                    <p>商家描述</p>
                </div>
                
                <!-- 食品列表部分 -->
                <ul class="food">
                    <!-- 食品列表将通过JavaScript动态生成 -->
                </ul>
                
                <!-- 购物车部分 -->
                <div class="cart">
                    <div class="cart-left">
                        <div class="cart-left-icon">
                            <i class="fa fa-shopping-cart"></i>
                            <div class="cart-left-icon-quantity">3</div>
                        </div>
                        <div class="cart-left-info">
                            <p>&#165;12.88</p>
                            <p>另需配送费3元</p>
                        </div>
                    </div>
                    <div class="cart-right">
                        <!-- 不够起送费 -->
                        <!--
                        <div class="cart-right-item">
                         &#165;15起送
                        </div>
                        -->
                        <!-- 达到起送费 -->
                        <div class="cart-right-item" onclick="location.href='order.html'">
                            去结算
                        </div>
                    </div>
                </div>
            </div>
        </body>
</html>